body{
    background-color: #f3f8fe;
}

header{
    width: 100%;
    height: 50px;
    background-color: #fff;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .f14{
        color: #2561EF ;
    }
}

.main-1{
    background-color: #ffffff;
    padding: 0 20px;
    margin-top: 10px;
    h4{
        font-weight: normal;
        margin-bottom: 10px;
        margin-left: 10px;
        padding-top: 10px;
    }

    li{
        display: flex;
        // justify-content: space-between;
        align-items: center;
        padding: 10px;
        border-bottom: 1px solid #cccccc;
        font-size: 14px;
        color: #999999;
        .fu{
            color: #FA746B ;
            width: 10px;
        }
        .le{
            margin-left: 20px;
        }
        span{
            // color: #cccccc;
            // border: 1px solid;
            width: 60px;
        }
        p,input{
            margin-left: 30px;
            flex-grow: 1;
        }
        input{
            // height: 0px;
            width: 5px;
            border: none;
            outline: none;
            
            }
            input::-webkit-input-placeholder{
                color: #cccccc;
        }
        .qing{
            color: #cccccc;
        }
        
    }
    li.hu{
            display: flex;
            justify-content: flex-start;
            .hu1{
                width: 25px;
                // margin-left: -20px;
                height: 15px;
                flex-grow: 0;
            }
        }
    
}
.main-1 li:nth-last-child(1){
    border-bottom: none ;
}


.main-2{
    
    // margin-top: 10px;
    li{
        margin-top: 10px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0 20px;
        // border-bottom: 1px solid #000;
        background-color: #fff;
        span{
            flex-grow: 1;
            font-style: 16px;
        }
        a{
            
            text-align: right;
            margin-right: 5px;
            color: #2561EF;
            outline: none;
        }
        span.lan{
            color: #2561EF;
            flex-grow: 0;
        }
    }
}


.main-3{
    margin-top: 10px;
    background-color: #fff;
    padding: 20px  20px 10px 20px ;
    // padding-bottom: 0px;
    h4{
        font-weight: normal;
        padding-bottom: 10px;
    }
    li{
        display: flex;
        padding: 10px ;
        padding-left: 0;
        font-size: 14px;
        p{
            color: #999999;
            width: 70px;
            
        }
        span{
            color: #cccccc;
            margin-left: 30px;
        }
    }
}
// .main-3 li:nth-last-child(1){
//     padding-top: -20px;
// }

.main-4{
    background-color: #fff;
    // margin-bottom: 40px;
    padding: 0 20px;
    margin-top: 10px; 
    h4{
            font-weight: normal;
            // color: #000;
           padding-top: 20px;
           padding-bottom: 10px;

    }
    li{
        display:flex;
        justify-content: space-between;
        padding: 10px 0;
        color: #999999;
        font-size: 14px;
        border-bottom: 1px solid #cccccc;
        p{
            width: 90px;
        }
        span{
            color: #cccccc;
            flex-grow: 1;
            margin-left: 15px;
        }
    }
}
.main-4 li:nth-last-child(1){
    border-bottom: none;
    
}